@charset "utf-8";

@media screen and (max-width:1665px)
{
header{ width:90%; }
header .headerright{float:right; width:60%; margin:0px 0% 0px 5%; position:relative;  }
.dianhua{ display:none; }

}

@media screen and (max-width:1440px)
{
.widthbox{ max-width:96%; margin:0 auto; transition: 588ms;}
.about_si{ max-width:90%; margin:3% auto 0% auto; transition: 588ms;}
.counter .count-title{ font-size:32px;}
.counter span{font-size:32px;}
.footercontact{margin:0 auto 2% auto; width:100%;}
.mainpage{max-width:98%;}
}

@media screen and (max-width:1366px)
{

}

@media screen and (max-width:1280px)
{
.indexjob .line{ display:none}
.indexjob .content{ margin-top:4%; }
.footerbox dt img{ width:100%;}
}

@media screen and (max-width:1230px)
{
header{ width:96%; }
header .headerright{float:right; width:62%; margin:0px 0% 0px 5%; position:relative;  }
}

/*<=1024px*/
@media screen and (max-width:1024px)
{
header .logo img{width:80%;}
header .headerright{ width:68%;}

.mainbanner1 {height:400px;}
.positioninfo{font-size:20px;}

.info_list dl{width:18%;}

.indexservice .bt{font-size:16px; width:64%;}
.indexjob .bt{font-size:16px; width:64%;}

.indexjob .content p{font-size:17px;}

.cpmenu ul li{ width: 100%;  line-height:300%; border-bottom:solid #ccc 1px; }
/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}
.menu3 h3{width:18%;}
.menu4 ul a {width:18%;}
.footerbox dt img{ width:100%;}
}


/*<=920px*/
@media screen and (max-width:992px)
{


.nav{ display:none}
header .headerright{width:100%;z-index:99999;}
.dianhua{ display:none; }

.imgbox li h3 span{ font-size:16px;}

.imgbox li .intro h4{ font-size:15px;}

.footerbox dd{ font-size:13px;}
.newsbox dl{ display:none; }	
	
.dtmd{ clear:both; display:block; text-align:center; font-size:36px; height:65px; line-height:65px; font-weight:bold;}
.dtmym{ clear:both; display:block;text-align:center;font-size:14px; }	

}

@media screen and (max-width:859px)
{
/*搜索*/
.sousuobg { display:none;}
.mainbanner1 {height:400px;}


/*产品分类*/
.menu3 h3{width:31%; margin-right:1.5%;}
.menu4 ul a {width:30%;}
.indexservice .content dl a dd{font-size:16px;}
.info_list dl{width:23%;}

.aboutpic li{ width:46%;padding:2%;}
}



@media screen and (max-width:768px)
{
.mainbanner {height:350px;}	
.mainbanner1 {height:400px;}	

.bannermain{ height:230px; }

.maintitle{ font-size:26px; font-weight:bold; background:url(../images/line01.gif) no-repeat left bottom; padding:0 0 20px 0; margin:0 0 20px 0; }

.mainpage{ padding:20px 20px 20px 20px; }

/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:48%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}
.menu1 a,.menu1 a:link,.menu1 a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}

.message_add input[type="text"]{ width:79%;  }

.indexjob .content img{ width:30%;}
.indexservice .bt{font-size:15px; width:88%;}
.indexjob .bt{font-size:15px; width:88%;}



@media screen and (max-width:640px)
{
header .logo img{width:50%;}
.mainbanner {height:200px;}	
.mainbanner1{height:240px;}	
.indexabout dl font{ font-size:32px; }
.indexabout dl dt{ font-size:25px;}
.product_view div.bigimg img{ width: 100%;  height:auto; }
.carousel-control-next,
.carousel-control-prev{ display:none}

.indexabout{padding:0px 0 50px 0;}

.swiper-slide .wenzi p{display:none}

.position{ display:none; }
.mainpage{ margin:-35px auto 20px auto; }
/*产品分类*/
.menu4 ul a {width:45%; margin-right:2%; }

.team .box{width: 47%; margin:1% 1.5%;}

.imgbox li{  width:47%; }
.footerbox{ margin-bottom:11%;}
.fnav2{ display: block; }


.ours-main .bt{ width:88%;}
   .citrus .R .bottom {
              display: none
          }

          .citrus .L {
              width: 100%
          }

          .citrus .R {
              width: 100%
          }

          .citrus {
              height: 100vh
          }

          .citrus .L {
              height: 65%
          }

          .citrus .R {
              height: 35%
          }

          .citrus .R .top {
              height: 100%
          }

          .citrus .productText .g {
              padding: 0 5%
          }


/*装修案例*/
.cpbox{ width:100%}
.cpbox dl{ float:left; width:45%; margin-left:2.5%; margin-right:2.5%; background:#FFF; border:#e2dede 1px solid; border-radius:8px;box-shadow:0px 5px 10px #e2e2e2;}

.cpbox dt{ text-align:center; padding-top:20%; padding-bottom:5%}
.cpbox dt img{ width:80%; display:block; margin:0 auto}
.cpbox dd{ text-align:center; font-size:16px;}
.cpbox dd a{font-size:16px;}
.cpbox .check{ width:70%; }
	 
}
@media screen and (max-width:576px)
{

.indexservice .content dt{padding:4% 0 0% 0%; float:none; width:100%; margin:0 auto; margin-left:0%; text-align:center}
.indexservice .content dt img{ width:30%}
.indexservice .content dd{float:none; width:100%;  padding-left:0%; line-height:50px; margin:0 auto; text-align:center}
.indexservice .content dl a dd{font-size:20px;}

.info_list dl{width:31%;}

.htmleaf-content{ width:90%; margin:3% auto 0 auto; }

.message_add input[type="text"]{ width:70%; border:0px solid red; background:#f3f3f3; }
.citrus .productText .summary{ display:none}

}

@media screen and (max-width:380px)
{
.mobanfour dl{ padding:0 0 0 10%;  } 
	
/*产品分类*/


.info_list dl{width:48%;}

}


@media screen and (max-width:320px)
{


/*产品分类*/
.menu3 h3{width:98%;}
.menu4 ul a {width:96%;}

}